<!DOCTYPE html>
<html>
<head>

<meta name="viewport" content="width=800">
<style>
html { font-size: 16px; }
body { width: 800px; margin: 0; overflow-y: hidden; }
</style>

</head>
<body>

<table cellpadding="0" cellspacing="0" width="100%">
<tr>
  <td>
    <div style="font-size: 2.5rem">
      This text should be autosized to 40px because it is similar to the below text.
    </div>
  </td>
</tr>
<tr>
  <td>
    <div style="font-size: 2.5rem">
      This text should be autosized to 40px computed font-size (16 * 800/320).<br>
      Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
      labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
      laboris ni si ut aliquip ex ea commodo consequat.
    </div>
  </td>
</tr>
<tr>
  <td>
    <div style="font-size: 2.5rem">
      This text should be autosized to 40px because it is similar to above text.
    </div>
  </td>
</tr>
</table>

</body>
</html>
